<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    switchFullscreen
    @ok="close"
    :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }"
    @cancel="close"
    cancelText="关闭"
  >
    <a-spin :spinning="confirmLoading">
      <j-form-container :disabled="formDisabled">
        <a-form-model ref="form" :model="model" slot="detail">
          <a-row>
            <a-col :span="24">
              <a-form-model-item label="营业执照" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="businessLicense">
                <j-upload v-model="model.businessLicense"></j-upload>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item
                label="组织机构代码证"
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="organizationCodeCertificate"
              >
                <j-upload v-model="model.organizationCodeCertificate"></j-upload>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item
                label="法人身份证"
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="corporateIdentityCard"
              >
                <j-upload v-model="model.corporateIdentityCard"></j-upload>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item
                label="商标注册证"
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="tradeMarkLicense"
              >
                <j-upload v-model="model.tradeMarkLicense"></j-upload>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="contactNumber">
                <a-input v-model="model.contactNumber" placeholder="请输入联系电话"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item
                label="税务登记证"
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="taxRegistrationCertificate"
              >
                <j-upload v-model="model.taxRegistrationCertificate"></j-upload>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item
                label="企业联系人"
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="corporateContacts"
              >
                <a-input v-model="model.corporateContacts" placeholder="请输入企业联系人"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="corporateName">
                <a-input v-model="model.corporateName" placeholder="请输入企业名称"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item
                label="企业地址(经纬度)"
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="corporateAddress"
              >
                <a-input v-model="model.corporateAddress" placeholder="请输入企业地址(经纬度)"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="24">
              <a-form-model-item label="状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">
                <j-dict-select-tag
                  type="list"
                  v-model="model.status"
                  dictCode="record_status"
                  placeholder="请选择状态"
                />
              </a-form-model-item>
            </a-col>
          </a-row>
        </a-form-model>
      </j-form-container>
    </a-spin>
  </j-modal>
</template>

<script>
import { getAction } from '../../../api/manage'
export default {
  name: 'ZzzsProductRecordingModal',
  components: {},
  props: {
    visible: false,
    recordId: '',
  },
  created() {},
  data() {
    return {
      title: '',
      width: 800,

      formDisabled: true,
      model: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      confirmLoading: false,
      getInfoUrl: '/modules/zzzsRecordEnterprise/getHaveInfoById',
    }
  },

  methods: {
    close() {
      this.$emit('close')
      this.visible = false
    },
    getInfo() {
      getAction(this.getInfoUrl, { id: this.recordId }).then((res) => {
        if (res.result) {
          this.model = res.result
        }
      })
    },
  },
  watch: {
    //监听器的作用就是用来监听数据是否发生了变化，变化后可以进行一些其他操作
    //只要没有发生变化，就没有办法进行其他的操作

    visible: function (newData, oldData) {
      if (newData) {
        this.getInfo()
      }
    },
  },
}
</script>